<style lang="less">
  @import './style.less';
</style>
<template>
	<div class="container" style="background:url(http://www.ihuyi.com/hd-temp/choujiang/images/bg.jpg) 0px 0px no-repeat;background-size:100%;">
		<div class="main">

			<div class="top-icon"><a href="guize.html"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/top-icon.png"></a></div>
			<div class="banner"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/banner.png"></div>
			<div class="hd-cont"><a href="http://www.ihuyi.com/hd-temp/choujiang/zhongjiang.html"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/baoxiang.png"></a></div>
			<div class="choujiang tc">您今天还有 <span>3</span> 次抽奖机会</div>
			<div class="canyu tc">已有 <span>0</span> 人参与</div>
		</div>
		<div class="lunbo">
			<ul class="lunbo-cont">
				<li>
					<img src="http://www.ihuyi.com/hd-temp/choujiang/images/manImg.jpg"><span class="winner">1获得了<span class="award">100元优惠券</span></span>
				</li>
				<li>
					<img src="http://www.ihuyi.com/hd-temp/choujiang/images/manImg.jpg"><span class="winner">2获得了<span class="award">100元优惠券</span></span>
				</li>                
			</ul>
		</div>  
		<p class="foot">页面技术由 <a href="#">互亿无线</a> 提供</p>
	</div>

</template>
<script>
	(function (doc, win) {
		console.log(11);
		var docEl = doc.documentElement,   
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',   
		recalc = function () {   
		var clientWidth = docEl.clientWidth;   
		if (!clientWidth) return;   
		docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';   
	};   
	if (!doc.addEventListener) return;   
	win.addEventListener(resizeEvt, recalc, false);   
	doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window)   

</script>
